@import '../../../assets/scss/mixin.scss';
.light-calendar {
  width: 100%;
  height: 100%;
  margin: 10px;
  @include flexMixer(flex-start, center, column);
  .calendar-header {
    @include flexMixer();
    .ant-picker {
      width: 155px;
      border-radius: 20px;
    }
  }
  .calendar-table {
    margin: 10px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    .supplementDate {
      color: rgba(0, 0, 0, 0.5);
    }
    .current-day {
      min-width: 170px;
      min-height: 200px;
      .default-current-day {
        margin: 5px;
        width: 30px;
        height: 30px;
        font-weight: bold;
        text-align: right;
        padding: 15px;
        border-radius: 50%;
        background-color: rgba(0, 0, 0, 0.07);
        @include flexMixer();
      }
      .active {
        background-color: rgba(0, 143, 255, 0.89) !important;
        transition: background-color;
        color: white;
      }
    }
    .cross-day {
      padding: 5px 10px;
      width: 101%;
      @include flexMixer();
      margin-bottom: 5px;
    }
    td {
      cursor: pointer;
      padding: 5px 0px;
    }
    th {
      padding: 5px;
    }
  }
}
